<template>
	<view class="content">
		<activity3></activity3>
		<view class="info">
			<view class="titel">
				普通入场门票
			</view>
			<view class="number-money">
				<view class="nubmer">
					X1
				</view>
				<view class="money">
					¥ 789
				</view>
			</view>
		</view>
		<view class="info" style="margin:30px 0">
			<view class="titel">
				youjie
			</view>
			<view class="number-money">
				18674497603
			</view>
		</view>
		<view class="info">
			<view class="titel">
				退款说明
			</view>
		</view>
		<view class="text-desc">
			<view>不接受退款</view>
			<view>由于本活动各项资源需提前采购，一经售出不接受退款，请确认后购买。</view>
		</view>
		
		<view class="op">
			<view class="money">
				合计: ¥ 789
			</view>
			<view class="zfbtn">
				确认支付
			</view>
		</view>
	</view>
</template>

<script>
	import Activity3 from '../../components/activity3.vue'
	export default {
		name:'Payment',
		data: function() {
			return {
				
			};
		},
		components:{
			Activity3
		},
	}
</script>

<style scoped>
	.info{
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #eee;
		padding: 30px;
		background: #fff;
	}
	.info .number-money{
		display: flex;
	}
	.info .number-money>.nubmer{
		margin-right: 50px;
		color: #888;
	}
	.info .number-money>.money{
		color: #f32;
	}
	.text-desc{
		padding: 10px 30px 30px;
		background: #fff;
	}
	.op{
		position: fixed;
		display: flex;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100px;
		background: #fff;
	}
	.op .money{
		flex: 1;
		font-size: 35px;
		line-height: 100px;
		padding-left: 50px;
		color: #f32;
	}
	.op .zfbtn{
		width: 300px;
		text-align: center;
		font-size: 35px;
		line-height: 100px;
		background: #f32;
		color: #fff;
	}
</style>
